import styled from 'styled-components'

export const PingTuanStyle = styled.div`
  .pingtuan-box{
    /* height: 6.67rem; */
    box-sizing: border-box;
    margin-top: .13rem;
    background-color: white;
    border-radius: .16rem;

    .pt-top{
      padding: .39rem .39rem;
      border-bottom: 1px solid rgba(34, 40, 54, .2);
      p{
        font-size: .37rem;
        font-weight: bold;
      }
      span{
        display: flex;
        align-items:center;
        /* opacity: .5; */
        font-weight: 500;
        color: #FF762E;
      }
      span::after{
        content: '';
        width: .21rem;
        height: .21rem;
        display: block;
        /* border-right: solid rgba(71, 71, 71, .5) 1px; */
        border-right: solid rgba(255, 118, 46, .5) 1px;

        /* border-top: solid rgba(71, 71, 71, .5) 1px; */
        border-top: solid rgba(255, 118, 46, .5) 1px;
        transform: rotate(45deg);
      }
    }

    .pingtuan-content{

      .swiper-container{
        height: 5.9rem;
      }

      /* padding: .4rem .32rem; */
      .c-top{
        .left{
          .avatar{
            width: .8rem;
            height: .8rem;
          }
          .info{
            margin-left: .43rem;
            .tname{
              font-size: .37rem;
              font-weight: bold;

            }
            .tcity{
              font-weight: 500;
              opacity: .5;
            }
          }
        }
        .right{
          .tschedule{
            .yiping{
              font-size: .27rem;
              font-weight: 500;

            }

            .haicha{
              font-size: .27rem;
              font-weight: 500;

              span{
                font-size: .32rem;
                color: #FF762E;
              }
            }
          }

          .join-tuan{
            margin-left: .16rem;
            width: 1.47rem;
            height: .8rem;
            background-color: #FF762E;
            border-radius: .25rem;
            border: none;
            color: white;
            line-height: .8rem;
            font-weight: 500;
          }
        }
      }
      .center{
          .tiao{
            width: 100%;
           
          }
          span{
              margin-right: .21rem;
              font-size: .27rem;
              font-weight: 500;

            }
          .tip{
            img{
              width: .32rem;
              height: .32rem;
            }
          }
      }

      .bottom{
        /* 计时器 */
        justify-content: flex-start;
        font-weight: 500;
        p{
          
          margin-left: .4rem;
          width: 3.91rem;
          span{
            text-align: center;
            display: block;
            width: .4rem;
            height: .4rem;
            background-color: #FF4B4B;
            color: white;
            font-weight: bold;
            line-height: .45rem;

          }
        }
      }

    }

  }

  

`



export const ServiceModalStyle = styled.div`

  color: #474747;
  font-size: .32rem;

  .top{
    p{
      font-weight: bold;
      
    }
    .close{
      position: absolute;
      right: .32rem;
      img{
        width: .53rem;
        height: .53rem;
      }
    }
  }

  hr{
    margin-top: .28rem;
    color: #474747;
    opacity: .3;
  }

  .content{
    margin-top: .41rem;
   
    .item{
      justify-content: flex-start;
      align-items: flex-start;
      .left{
        img{
        width: .36rem;
        height: .36rem;
        }
      }
      .right{
        margin-left: .41rem;
        align-items: flex-start;
        .top{
          font-weight: bold;
        }
        .bottom{
          font-weight: 500;
          opacity: .3;
        }
      }
    }

  }


`